<template>
	<view>
		<uni-table border stripe emptyText="暂无更多数据" :loading="loading">
		    <!-- 表头行 -->
		    <uni-tr>
		        <uni-th align="center" width="50">排位</uni-th>
		        <uni-th align="center" width="50">姓名</uni-th>
		        <uni-th align="center" width="50">村落</uni-th>
				<uni-th align="center" width="50">积分</uni-th>
		    </uni-tr>
		    <!-- 表格数据行 -->
		    <uni-tr v-for="item in tableData" :key="item.id">
		        <uni-td align="center">{{ item.rank }}</uni-td>
		        <uni-td align="center">{{ item.name }}</uni-td>
		        <uni-td align="center">{{ item.address }}</uni-td>
			    <uni-td align="center">{{ item.points }}</uni-td>	
		    </uni-tr>
		</uni-table>
	</view>
</template>

<script>
import * as NoticeApi from '@/api/work/notice'
	export default {
		data() {
			return {
				tableData:[
					{rank:"1",name:127.19,address:"华夏幸福",points:15 },
					{rank:"2",name:127.19,address:"华夏幸福",points:15 },
					{rank:"3",name:127.19,address:"华夏幸福",points:15 },
					{rank:"4",name:127.19,address:"华夏幸福",points:15 }
					
				]
			}
		},
		methods: {
			getReportList(){
				NoticeApi.getReportList().then(res => {
				  this.tableData = res.reportList;
				})
			}
		},
		created() {
			this.getReportList();
		}
	}
</script>

<style>

</style>
